<template>
  <div class="bottomBox">
    <ul>
      <li v-for="(item,index) in warnList" :key="index">
        <i class="iconfont icon-yujing-yujing"></i>
        {{item.faultTime}} {{item.equipName}}
        <span>{{item.classifyName}}</span>，请
        <b>{{item.responsibleName}}</b>前去处理
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      warnList: []
    }
  },
  watch: {},
  mounted() {},
  beforeDestroy() {},
  methods: {
    async getWarningRemind() {
      const res = await this.$axios.get('/board/equip/abnormal/warningRemind')
      if (res?.data.code === 200) {
        this.warnList = res.data.data
      }
    }
  }
}
</script>
<style lang='scss' scoped>
.bottomBox {
  height: 100%;
  ul {
    height: 100%;
    padding-top: 5px;
    li {
      height: 12.5%;
      color: #fff;
      font-size: 15px;
      display: flex;
      justify-content: left;
      align-items: center;
      i {
        color: red;
        font-weight: bold;
        font-size: 23px;
        margin-right: 10px;
      }
      span {
        color: red;
        font-size: 20px;
        padding: 0 5px;
      }
      b {
        color: #1accee;
        font-weight: normal;
        font-size: 20px;
      }
    }
  }
}
</style>
<style lang='scss'>
</style>
